CSS - 同一水平但是文字座落於左邊及右邊

方法：使用 span 標籤並搭配css style => style=”float: left” 以及 style=”float: right”

範例1：

<tr>
    <td class="table_td" colspan="6" scope="col">
        <span style="float: left">伍、輔導紀錄照片分享 (非必填)</span>
        <span style="float: right"><font color="#FF0000">*提供jpg、png照片檔案上傳，單張照片不得超過15MB。</font></span>
    </td>
</tr>

範例1 效果：

範例2：

 <div style="margin-top: 20px">
    <span style="float: left">
        目前分類: {$class_type_ch} {if $school_province != ''} / {$school_province} / {$school_name} {/if}
    </span>
    <span style="float: right">
    ...
    </span>
</div>

範例2 效果：